<script lang="ts" setup>
export interface Props {
  title?: string;
  //   text?: string;
}

const props = defineProps<Props>();
</script>

<template>
  <section class="w-500px m-b-30px">
    <header class="h-46px flex-y-center p-l-65px m-b-10px">
      <span class="text-22px">{{ props.title }}</span>
    </header>
    <main class="w-full">
      <slot></slot>
    </main>
  </section>
</template>

<style lang="less" scoped>
header {
  background-image: url("@/assets/images/title-bg.png");
  background-size: 100% 100%;
}
</style>
